//一.匹配模式: js里的switch...case...
// .common(@_){
//     //公共样式
//     width: 100px;
//     height: 100px;
// }
// .common(redColor){
//     background-color: #fff;
// }
// .common(cyanColor){
// background-color:cyan;
// }
// .common(pinkColor){
//     background-color: pink;
// }

// .box{
//     .common(cyanColor);
// }
// .box2{
//     .common(pinkColor);
//     border:1px solid;
// }

//重载: 根据参数的不同 调用不同的函数
.common(@w){
    width: @w;
    height: 100px;
}

.common(@w,@h){
    width: @w;
    height:@h
}
.common(@w,@h,@b){
    width: @w;
    height: @h;
    border: @b;
}

.box1 {
    .common(100px);
}
.box2{
    .common(100px,200px);
}
.box3{
    .common(100px,200px,1px solid);
}